<template>
    <div class="anima">
      <button type="button" @click="isShow = !isShow">TOGGLE</button>
      <transition 
    
      >
      <!-- enter-active-class="animate__animated animate__rubberBand "
      leave-active-class="animate__animated animate__jello" -->
        <h1 v-show="isShow" class="animate__animated" :class="isShow?'animate__rubberBand':'animate__jello'">Hello, world！</h1>
      </transition>
    </div>
  </template>
  
  <script>
  import 'animate.css'
  export default {
    name: "anima",
    data() {
      return {
        isShow: true
      };
    }
  };
  </script>
  